<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./css/reset.css">
    <link rel="stylesheet" href="./css/common.css">
    <link rel="stylesheet" href="./css/API-index.css">

</head>

<body>
    <!-- header -->
    <div id="header" class="abs">
        <!-- logo -->
        <img src="./imgs/api-new-logo-white.png" alt="源码大数据" class="logo fl mt20 ml30">
        <!--导航 -->
        <!--导航 -->
        <ul class="nav abs font14">
            <li><a href="">首页</a></li>
            <li class="active"><a href="">API</a></li>
            <li><a href="">云服务</a></li>
            <li><a href="">案例</a></li>
            <li><a href="">开发者</a></li>
        </ul>
        <!-- 登陆注册 -->
        <div class="right-box fr mr30 font12">
            <a href="">登录</a>
            <a href="">注册有礼</a>
        </div>
    </div>
    <!-- end header -->

    <!-- api 分类导航 -->
    <div id="api-nav" class="container">
        <h3 class="nav-title mb20 font22">API分类</h3>
        <ul class="clearfix" id="APIlist"></ul>
    </div>
    <!--end api 分类导航 -->

    <!-- 搜索框部分 -->
    <div class="container clearfix" id="search">
        <span class="fl font14 fwt" id="searchName">全部</span>
        <div class="search-box fl">
            <input type="text" class="search-input ml20" id="searchInput" placeholder="身份证实名">
            <img src="./imgs/magnifier.png" alt="" class="search-icon">
        </div>
    </div>
    <!-- end 搜索框 -->

    <!-- api列表 -->
    <div class="api-list container">
        <!-- 顶部主体区域 -->
        <ul id="apiContent" class="api-content clearfix">
            <!-- <li class="list-item fl">
        <span class="special">企业专用</span>
        <div class="content txt-center">
        <img src="./imgs/API_01.jpg" alt="">
        <p class="api-name">2021出行防疫政策指南</p>
        <p class="api-price">免费</p>
        </div>
        <a class="apply-data txt-center">申请数据</a>
        </li> -->
        </ul>
    </div>
    <!-- end api列表 -->

    <!-- pagination -->
    <div id="pagination" class="container">
        <ul class="clearfix">
            <li class="fl">1</li>
            <li class="fl">2</li>
            <li class="fl">3</li>
            <li class="fl">4</li>
            <li class="fl">5</li>
            <li class="fl">6</li>
            <li class="fl">7</li>
            <li class="fl">8</li>
            <a href="" class="fl c666">......</a>
            <a href="" class="fl font14 cblue">下一页 ></a>
        </ul>
    </div>
    <!-- end pagination -->

    <!-- footer -->
    <div id="footer">
        <div class="container clearfix">
            <ul class="fl">
                <h4 class="font12 fno mb20">联系与支持</h4>
                <li class="font10 c666">400-882-7715</li>
                <li class="font10 c666">售前咨询</li>
                <li class="font10 c666">客服&售后</li>
                <li class="font10 c666">常见问题</li>
                <li class="font10 c666">极速工单</li>
                <li class="font10 c666">投诉与建议</li>
            </ul>
            <ul class="fl">
                <h4 class="font12 fno mb20">联系与支持</h4>
                <li class="font10 c666">400-882-7715</li>
                <li class="font10 c666">售前咨询</li>
                <li class="font10 c666">客服&售后</li>
                <li class="font10 c666">常见问题</li>
                <li class="font10 c666">极速工单</li>
                <li class="font10 c666">投诉与建议</li>
            </ul>
            <ul class="fl">
                <h4 class="font12 fno mb20">联系与支持</h4>
                <li class="font10 c666">400-882-7715</li>
                <li class="font10 c666">售前咨询</li>
                <li class="font10 c666">客服&售后</li>
                <li class="font10 c666">常见问题</li>
                <li class="font10 c666">极速工单</li>
                <li class="font10 c666">投诉与建议</li>
            </ul>
            <ul class="fl">
                <h4 class="font12 fno mb20">联系与支持</h4>
                <li class="font10 c666">400-882-7715</li>
                <li class="font10 c666">售前咨询</li>
                <li class="font10 c666">客服&售后</li>
                <li class="font10 c666">常见问题</li>
                <li class="font10 c666">极速工单</li>
                <li class="font10 c666">投诉与建议</li>
            </ul>
            <ul class="fl">
                <h4 class="font12 fno mb20">联系与支持</h4>
                <li class="font10 c666">400-882-7715</li>
                <li class="font10 c666">售前咨询</li>
                <li class="font10 c666">客服&售后</li>
                <li class="font10 c666">常见问题</li>
                <li class="font10 c666">极速工单</li>
                <li class="font10 c666">投诉与建议</li>
            </ul>
            <div>
                <ul class="fr">
                    <h4 class="font12  mb20">微信公众号</h4>
                    <li class="font10 c666 mb20">源码时代</li>
                    <li><img src="./imgs/wechat-white.png" alt=""></li>
                </ul>
            </div>
        </div>
    </div>
    <!-- end footer -->
</body>
<script src="./js/API-index.js"></script>
<script src="./lib/utils.js"></script>

</html>